@media (min-width: 1079px) and (max-width: 1200px) {
    .outer {
        width: 302px;
        height: 459px;
        background: #F3F7FC;
        display: flex;
        flex-direction: column;
        align-items: center; // 水平居中
        position: relative

        // 保证容器高度（根据实际情况调整）

    }



    .docpicStyle {
        width: 125px;
        height: 125px;
        margin-top: 23px;

        img {
            width: 100%;
            /* 图片宽度填满容器 */
            height: 100%;
            /* 图片高度填满容器 */
            object-fit: cover;
            border-radius: 63px;
            border: 3px solid #FFFFFF;
        }
    }

    .fontStyle {
        position: absolute;
        top: 20px;
        right: 20px;
        font-weight: 400;
        font-size: 30px;
        line-height: 45px;
    }


    .nameFontStyle {
margin-left: 25px;
        height: 33px;

        font-weight: 500;
        font-size: 32px;
        color: #333333;
        line-height: 45px;
    }

    .titleFontStyle {

        font-weight: 500;
        font-size: 26px;
        color: #999999;
        line-height: 45px;
        margin-left: 10px;
    }

    .introduceFontStyle {
        padding: 0 18px;
        font-weight: 400;
        font-size: 24px;
        color: #999999;
        line-height: 36px;
        text-align: left; // 保持介绍文字左对齐
        max-height: 110px;
        /* 最大高度 */
        /* 行高 */
        overflow: hidden;
        /* 超出部分隐藏 */
        display: -webkit-box;
        /* 使用弹性盒子布局 */
        -webkit-box-orient: vertical;
        /* 垂直排列 */
        -webkit-line-clamp: 3;
        /* 限制显示的行数（根据行高和最大高度计算） */
        text-overflow: ellipsis;
        /* 超出部分显示省略号 */


    }

    .btnStyle {
        button {
            width: 261px !important;
        }
    }

}